<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双列布局</title>
    <style>
        .outer{overflow: hidden; border: 1px solid red;}
        .rt{float:right;width:200px;height: 150px; background:saddlebrown;}
        .lt{margin-right:200px;height:150px;background:#eabb79;}
    </style>
    <div class="outer">
        <div class="rt">
            自适应区域
        </div>
        <div class="lt" >
            我是一个自适应宽度的左边输入框，我支持自动换行不会被右边导航栏所覆盖内容
        </div>

    </div>
</head>
<body>
</body>
</html>
</body>
</html>